<template>
	<view>
		<shmily-drag-image :list.sync="list"></shmily-drag-image>

		<u-form>
			<u-form-item  label="排版方式" prop="payType" label-width="150">
				<u-radio-group v-model="type" >
					<u-radio shape="circle" v-for="(item, index) in radioList" :key="index" :name="item.name">{{ item.name }}</u-radio>
				</u-radio-group>
			</u-form-item>
		</u-form>
		
		<pic-layout v-if="list.length" :images="list" :type="type"></pic-layout>
	</view>
</template>

<script>
	import shmilyDragImage from '@/components/shmily-drag-image/shmily-drag-image.vue'
	import picLayout from '@/components/pic-layout/pic-layout.vue'
	export default {
	  components: {
	    shmilyDragImage,
			picLayout
	  },
	  data() {
	    return {
	      list: [],
				type:1,
				radioList: [
					{
						name: '1',
						checked: true,
						disabled: false
					},
					{
						name: '2',
						checked: false,
						disabled: false
					},
					{
						name: '3',
						checked: false,
						disabled: false
					},
					{
						name: '4',
						checked: false,
						disabled: false
					},	{
						name: '5',
						checked: false,
						disabled: false
					}
				],
	    }
	  }
	}

</script>

<style>

</style>
